#{if _field.id!=null}

	<h2 id="crudShowTitle">Invitaciones
	<img id="addinvitacionesSubbase" src="/public/images/Add.png" alt="Add">
	#{if _field.invitaciones!=null}
		<a href="@{Eventos.exportarInvitaciones(_field.id)}" class="invitaciones" ><img src="/public/images/download.png" alt="Edit" height="24px" width="24px"></a>
		</h2>
		<div class="invitaciones">
			<table>		
				<thead>
					<tr>
						<th>Invitacion</th>		
						<th>Confirmacion</th>	
						<th>Asistencia</th>
						<th>Acompanantes</th>
						<th>Comentario</th>
						<th></th>						
					</tr>
				</thead>			
				#{list items:_field.invitaciones, as:'invitacion'}				
					<tr>
						<td>${invitacion.organizacion}</td>	
						<td><input type="checkbox" name="confirmacion_${invitacion.id}" id="confirmacion_${invitacion.id}" #{if invitacion.confirmacion}checked #{/if}></td>
						<td><input type="checkbox" name="asistencia_${invitacion.id}" id="asistencia_${invitacion.id}" #{if invitacion.asistencia}checked #{/if}></td>
						<td><input id="acompaniante_${invitacion.id}" type="text" value='${invitacion.acompaniantes}'></td>	
						<td><input id="comentario_${invitacion.id}" type="text" value='${invitacion.observaciones}'></td>
						<td>
							<a href="#" onclick='salvarInvitacion("${invitacion.id}");' class="invitacion" ><img height="16px" width="16px" id="updateInvitacion" src="/public/images/save.png" alt="save"></a>
		 					<a href="@{Eventos.removeInvitacion(_field.id,invitacion.id)}" class="contacto" ><img height="16px" width="16px" id="removeInvitacion" src="/public/images/delete.gif" alt="remove"></a>
						</td>
					</tr>
				#{/list}
				
			</table>	
		</div>
	#{/if}
	
	<div id="dialog-invitaciones"  style="display: none" class="dialog-style">
		<h2 id="crudShowTitle">&{'crud.blank.title', 'Sub-base de Invitaciones'}
		<input type="text" id="invitacionSubbaseNameSearch" name="invitacionSubbaseNameSearch">
		</h2>
		<div class="objectForm">
			<div class="crudField crud_text" id="invitacionSubbaseDiv">
				<table id="invitacionSubbaseTable">			
					#{list items:_subbases, as:'subbase'}				
						<tr><td><a href="@{Eventos.agregarInvitaciones(_field.id, subbase.id)}" class="organizacion" >${subbase.nombre}</a></td></tr>
					#{/list}
				</table>
			</div>
		</div>	
	</div> 
	

<script type="text/javascript">
$().ready(function() {
	
	$( "#dialog-invitaciones").dialog({
		autoOpen: false,
	    width: 550, 
	    maxWidth: 550,
	    minWidth: 430,
		height: 'auto',
		fluid: true, 
	    resizable: false,
	    dialogClass: "dialog-style",
	    open: function(event, ui){
	    },
	    close: function(event, ui){
	    	$( "#dialog-invitaciones" ).dialog( "close" );
	    }
	});
	
	$("#invitacionSubbaseNameSearch").keyup(function() {
		searchInvitacionesSubbases();
	});
	$( "#addinvitacionesSubbase" ).click(function() {
		$( "#dialog-invitaciones" ).dialog( "open" );
		return false;
	});
})


function searchInvitacionesSubbases(){
	$.get("/SubBases/search",  {
		nombre: $("#invitacionSubbaseNameSearch").val()
	},function(data, id){
		if(data[0] != 'ERROR'){
			$("#invitacionSubbaseTable").remove();
			var subbases = JSON.parse(data[1]);
			var i = 0;
			html = "<table id='invitacionSubbaseTable'>";
			for(i = 0; i < subbases.length; i++) {
				html = html + 
				"<tr><td><a href='/Eventos/agregarInvitaciones?evento=${_field.id}&invitaciones="+subbases[i].id+"' class='auspiciante' >"+ subbases[i].nombre + "</a></td></tr>";			
			}
			html = html + "</table>";
			$("#invitacionSubbaseDiv").append(html);
			return false;
		} else {
			return false;
		}
		
	},'json');
}
function salvarInvitacion(invitacionId){
	confirmacion = $('#confirmacion_'+invitacionId).is(':checked');
	asistencia = $('#asistencia_'+invitacionId).is(':checked');
	acompaniante = $('#acompaniante_'+invitacionId).val();
	comentario = $('#comentario_'+invitacionId).val();
	$.get("/Eventos/updateInvitacion",  {
		id: ${_field.id},
		invitacionId: invitacionId,
		confirmacion: confirmacion,
		asistencia: asistencia,
		acompaniante: acompaniante,
		comentario: comentario
	},function(data){
		if(data[0] != 'ERROR'){
			return false;
		}else {
			return false;
		}
		
	},'json');
}


</script>
#{/if}